<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>
       <block name="title">
           Home
        </block>
</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon
============================================ -->		
<link rel="shortcut icon" type="image/x-icon" href="__ROOT__/Application/Home/Common/img/favicon.png">

<!-- All css files are included here. -->
<!-- Bootstrap framework main css -->
<link rel="stylesheet" href="__ROOT__/Application/Home/Common/css/bootstrap.min.css">
<!-- This core.css file contents all plugings css file. -->
<link rel="stylesheet" href="__ROOT__/Application/Home/Common/css/core.css">
<!-- Theme shortcodes/elements style -->
<link rel="stylesheet" href="__ROOT__/Application/Home/Common/css/shortcode/shortcodes.css">
<!-- Theme main style -->
<link rel="stylesheet" href="__ROOT__/Application/Home/Common/style.css">
<!-- Responsive css -->
<link rel="stylesheet" href="__ROOT__/Application/Home/Common/css/responsive.css">
<!-- User style -->
<link rel="stylesheet" href="__ROOT__/Application/Home/Common/css/custom.css">

<link rel="stylesheet" href="__ROOT__/Application/Home/Common/css/custom.css">
<!-- Modernizr JS -->

<!-- layer-v3.0.3-->
<link src="/Public/static/layer/css/layer.css">
<!-- layer-v3.0.3-->
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->  
<!-- header start -->
<header class="header-pos blg">
	<div class="header-area header-middle">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-2 col-sm-3 col-xs-12">
					<div class="logo">
						<a href="index.html"><img src="__ROOT__/Application/Home/Common/img/logo/logo.jpg" alt="" /></a>
					</div>
				</div>
				<div class="col-md-10 col-sm-9 col-xs-12 text-right xs-center">
					<div class="main-menu display-inline hidden-sm hidden-xs">
						<nav>
							<ul>
					        <if condition="is_login()">
                            <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="padding-left:0;padding-right:0">欢迎您&nbsp;{:get_username()} <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="{:U('User/profile')}">修改密码</a></li>
                                <li><a href="{:U('User/logout')}">退出</a></li>
                            </ul>
                        </li>
                <else/>
    
                        <li><a href="{:U('User/login')}" style="color:#CD2626">登陆</a>
                        </li>
                        <li><a href="{:U('Suser/register')}" style="color:#CD2626">免费注册</a>
                        </li>
               
                </if>
								<li><a href="{:U('index')}">首页</a>
								</li>
								<li><a href="{:U('Shop/shop?id=55')}">沙发</a></li>
								<li><a href="{:U('Shop/shop?id=40')}">灯</a></li>
								<li><a href="{:U('Shop/shop?id=39')}">座椅</a></li>
								<li><a href="#">最新资讯</a></li>
							</ul>
						</nav>
					</div>
					<div class="search-block-top display-inline">
						<div class="icon-search"></div>
						<div class="toogle-content">
							<form action="#" id="searchbox">
								<input type="text" placeholder="Search" />
								<button class="button-search"></button>
							</form>
						</div> 
					</div>
					<if condition="is_login()">
					<div class="shopping-cart ml-20 display-inline">
						<a href="{:U('Shop/cart?uid='.$onlyres[0]['uid'])}"><b>购物车</b>{$onlyres[0]['allcount']}</a>
						<ul>
						    <foreach name="onlyres" item="v">
							<li>
								<div class="cart-img">
									<a href="#"><img style="width:100px" src="__ROOT__/Uploads/{$v.pic}" alt="" /></a>
								</div>
								<div class="cart-content">
									<h3><a href="#">{$v.title}&nbsp;X&nbsp;{$v.count}</a> </h3>
									<span><b>{$v.vname}</b></span>
									<span class="cart-price">￥{$v.price}</span>
								</div>
								<div class="cart-del">
									<i class="fa fa-times-circle"></i>
								</div>
							</li>
							</foreach>
							<li>
								<div class="shipping"> 
									<span class="f-left">数量</span>
									<span class="f-right cart-price">{$onlyres[0]['allcount']}</span>  
								</div>
								<hr class="shipping-border" />
								<div class="shipping">
									<span class="f-left">结算</span>
									<span class="f-right cart-price">￥{$onlyres[0]['allprice']}</span> 
								</div>
							</li>
							<li class="checkout m-0"><a href="{:U('Shop/cart')}">提交订单<i class="fa fa-angle-right"></i></a></li>
						</ul>							
					</div>
					<else/>
				        <a href="#"><b class="uck">购物车</b></a>
				    </if>
					<div class="setting-menu display-inline">
						<div class="icon-nav current"></div>
						<ul class="content-nav toogle-content">
							<li class="currencies-block-top">
								<div class="current"><b>Currency : USD</b></div>
								<ul>
									<li><a href="#">Dollar (USD)</a></li>
									<li><a href="#">Pound (GBP)</a></li>
								</ul>
							</li>
							<li class="currencies-block-top">
								<div class="current"><b>English</b></div>
								<ul>
									<li><a href="#">English</a></li>
									<li><a href="#">اللغة العربية</a></li>
								</ul>
							</li>
							<li class="currencies-block-top">
								<div class="current"><b>My Account</b></div>
								<ul>
									<li><a href="#">My account</a></li>
									<li><a href="#">My wishlist</a></li>
									<li><a href="#">Checkout</a></li>
									<li><a href="#">Log in</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="mobile-menu-area visible-sm visible-xs">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
					<div class="mobile-menu">
						<nav id="mobile-menu-active">
							<ul>
                                <li><a href="{:U('index')}">首页</a>
								</li>
								<li><a href="{:U('Shop/shop?id=55')}">沙发</a></li>
								<li><a href="{:U('Shop/shop?id=40')}">灯</a></li>
								<li><a href="{:U('Shop/shop?id=39')}">座椅</a></li>
								<li><a href="#">最新资讯</a></li>
							</ul>
						</nav>							
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="disnoe" style="display:none;">
	    <h3 style="color:#3c3c3c;margin-left:80px;margin-top:30px">请先登陆</h3>

	    <form class="form-horizontal" style="margin-top:20px" action="{:U('User/login')}" method="post">
			  <div class="form-group">
				    <label for="inputEmail3" class="col-sm-2 control-label"></label>
				    <div class="col-sm-8">
				      <input type="text" class="form-control" placeholder="会员名/邮箱/手机号" style="height: 45px" name="name" value=""
				      ajaxurl="/member/checkUserNameUnique.html">
				    </div>
			  </div>
			  <div class="form-group">
				    <label for="inputPassword3" class="col-sm-2 control-label"></label>
				    <div class="col-sm-8">
				      <input type="password" class="form-control" placeholder="密码" style="height: 45px" name="pwd" value="">
				    </div>
			  </div>
			  <div class="form-group">
				    <div class="col-sm-offset-2 col-sm-10">
				      <button type="submit" class="btn btn-default" style="width:280px;height:40px;background:#CD2626;color:#ffffff ">登&nbsp;&nbsp;&nbsp;陆</button>
				    </div>
			  </div>
	    </form>
	</div>
</header>
<!-- header end -->
<!-- slider-container start -->
<block name="body">
</block>
<!-- latest-blog-area end -->
<!-- brand-area start -->
<div class="brand-area">
	<div class="container">
		<div class="brand-sep ptb-50">
			<div class="row">
				<div class="brand-active">
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="#"><img src="__ROOT__/Application/Home/Common/img/brand/1.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="#"><img src="__ROOT__/Application/Home/Common/img/brand/2.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="#"><img src="__ROOT__/Application/Home/Common/img/brand/3.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="#"><img src="__ROOT__/Application/Home/Common/img/brand/4.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="#"><img src="__ROOT__/Application/Home/Common/img/brand/5.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="#"><img src="__ROOT__/Application/Home/Common/img/brand/1.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="#"><img src="__ROOT__/Application/Home/Common/img/brand/2.jpg" alt="" /></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- brand-area end -->
<!-- service-area start -->
<div class="service-area pt-70 pb-40 gray-bg">
	<div class="container">
		<div class="row">
			<div class="col-md-3 col-sm-6">
				<div class="single-service mb-30">
					<div class="service-icon">
						<i class="pe-7s-world"></i>
					</div>
					<div class="service-title">
						<h3>FREE SHIPPING</h3>
						<p>Free shipping on all UK orders</p>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="single-service mb-30">
					<div class="service-icon">
						<i class="pe-7s-refresh"></i>
					</div>
					<div class="service-title">
						<h3>FREE EXCHANGE</h3>
						<p>30 days return on all items</p>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="single-service mb-30 sm-mrg">
					<div class="service-icon">
						<i class="pe-7s-headphones"></i>
					</div>
					<div class="service-title">
						<h3>PREMIUM SUPPORT</h3>
						<p>We support online 24 hours a day</p>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="single-service mb-30 xs-mrg sm-mrg">
					<div class="service-icon">
						<i class="pe-7s-gift"></i>
					</div>
					<div class="service-title">
						<h3>BLACK FRIDAY</h3>
						<p>Shocking discount on every friday</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- service-area end -->
<!-- footer start -->
<footer class="black-bg">
	<div class="footer-top-area ptb-60">
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-sm-4">
					<div class="footer-widget">
						<h3 class="footer-title">Contact info</h3>
						<div class="footer-contact">
							<ul>
								<li><em class="fa fa-map-marker"></em>8901 Marmora Road, Glasgow <span>D04 89 GR, New York</span></li>
								<li><em class="fa fa-phone"></em>Telephones: (+1) 866-540-3229 <span>Fax: (+1) 866-540-3229</span></li>
								<li><em class="fa fa-envelope-o"></em>Email: support@posthemes.com</li>
							</ul>
						</div>							
					</div>
				</div>
				<div class="col-md-2 col-sm-4">
					<div class="footer-widget">
						<h3 class="footer-title">My account</h3>
						<ul class="block-content">
							<li><a href="#">My orders</a></li>
							<li><a href="#">My credit slips</a></li>
							<li><a href="#">Sitemap</a></li>
							<li><a href="#">My addresses</a></li>
							<li><a href="#">My personal info</a></li>	
						</ul>							
					</div>					
				</div>
				<div class="col-md-2 col-sm-4">
					<div class="footer-widget">
						<h3 class="footer-title">Information</h3>
						<ul class="block-content">
							<li><a href="#">Contact us</a></li>
							<li><a href="#">Discount</a></li>
							<li><a href="#">Site map</a></li>
							<li><a href="#">About us</a></li>	
							<li><a href="#">Custom service</a></li>									
						</ul>							
					</div>					
				</div>
				<div class="col-md-2 col-sm-4 footer-sm">
					<div class="footer-widget">
						<h3 class="footer-title">OUR SERVICE</h3>
						<ul class="block-content">
							<li><a href="#">My orders</a></li>
							<li><a href="#">My credit slips</a></li>
							<li><a href="#">Sitemap</a></li>
							<li><a href="#">My addresses</a></li>
							<li><a href="#">My personal info</a></li>	
						</ul>							
					</div>					
				</div>
				<div class="col-md-3 col-sm-4 footer-sm">
					<div class="footer-widget">
						<h3 class="footer-title">OPENING TIME</h3>
						<div class="footer-time">
							<p><span class="ft-content"><span class="day">Monday - Friday</span><span class="time">9:00 - 22:00</span></span></p>
							<p><span class="ft-content"><span class="day">Saturday</span><span class="time">10:00 - 24:00</span></span></p>
							<p><span class="ft-content"><span class="day">Sunday</span><span class="time">12:00 - 24:00</span></span></p>
							<p><span class="ft-content"><span class="day">Thursday</span><span class="time">Free Shipping</span></span></p>
							<p><span class="ft-content"><span class="day">Friday</span><span class="time">sale of 30%</span></span></p>
						</div>							
					</div>					
				</div>
			</div>
		</div>
	</div>
	<!-- footer-bootom-area start -->
	<div class="footer-bootom-area ptb-15">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-sm-6 col-xs-12">
					<div class="copyright">
						<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
					</div>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-12">
					<div class="payment">
						<img src="__ROOT__/Application/Home/Common/img/payment.png" alt="" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- footer-bootom-area end -->
</footer>
<!-- footer end -->
<!-- Modal -->
<div class="modal fade" id="productModal" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
			</div>
			<div class="modal-body">
				<div class="modal-img">
					<a href="shop.html"><img src="__ROOT__/Application/Home/Common/img/product/1.jpg" alt="" /></a>
				</div>
				<div class="modal-pro-content">
					<h3><a href="#">Phasellus Vel Hendrerit</a></h3>
					<div class="pro-rating">
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star-o"></i>
					</div>
					<span>(2 customer reviews)</span>
					<div class="price">
						<span>$70.00</span>
						<span class="old">$80.11</span>
					</div>
					<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet.</p>	
					<form action="#">
						<input type="number" value="1" />
						<button>Add to cart</button>
					</form>
					<div class="product_meta">
						<span class="posted_in">Categories: <a rel="tag" href="#">Albums</a>, <a rel="tag" href="#">Music</a></span> <span class="tagged_as">Tags: <a rel="tag" href="#">Albums</a>, <a rel="tag" href="#">Music</a></span> 
					</div>
					<div class="social">
						<a href="#"><i class="fa fa-facebook"></i></a>
						<a href="#"><i class="fa fa-twitter"></i></a>
						<a href="#"><i class="fa fa-google-plus"></i></a>
						<a href="#"><i class="fa fa-instagram"></i></a>
						<a href="#"><i class="fa fa-pinterest"></i></a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Modal end -->



<!-- jquery latest version -->
<script src="__ROOT__/Application/Home/Common/js/vendor/jquery-2.0.3.min.js"></script>

<!-- Bootstrap framework js -->
<script src="__ROOT__/Application/Home/Common/js/bootstrap.min.js"></script>
<!-- ajax-mail js -->
<script src="__ROOT__/Application/Home/Common/js/ajax-mail.js"></script>
<!-- owl.carousel js -->
<script src="__ROOT__/Application/Home/Common/js/owl.carousel.min.js"></script>
<!-- jquery.nivo.slider js -->
<script src="__ROOT__/Application/Home/Common/js/jquery.nivo.slider.pack.js"></script>
<!-- All js plugins included in this file. -->
<script src="__ROOT__/Application/Home/Common/js/plugins.js"></script>
<!-- Main js file that contents all jQuery plugins activation. -->
<script src="__ROOT__/Application/Home/Common/js/main.js"></script>

<script src="__ROOT__/Public/static/layer/layer.js"></script>
<block name="script"></block>
<script type="text/javascript">
 //一般直接写在一个js文件中
$(function(){
 	$(".uck").click(function(){
			  layer.open({
			  type: 1,
			  shade:0,
			  skin: 'layui-layer-rim', //加上边框
			  area: ['450px', '400px'], //宽高
			  content: $(".disnoe")
		});
    });
 });

</script>
</body>
</html>
